﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Model Test</title>
    <link rel="stylesheet" href="../css/simulate.css" type="text/css" />
    <link rel="stylesheet" href="../css/common.css" type="text/css" />
    <link rel="stylesheet" href="../css/left_course.css" type="text/css" />
    <script type="text/javascript" src="../scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery.animate-colors-min.js"></script>
    <script type="text/javascript" src="../scripts/navi_common.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#choose_logo").hover(function () {
                $(this).animate({ backgroundColor: '#30A8F4' }, { speed: 1000, queue: false });
            }, function () {
                $(this).animate({ backgroundColor: '#C35A33' }, { speed: 1000, queue: false });
            });

            var up_hrefColor = $("#href_up").css('color');
            var down_hrefColor = $("#href_down").css('color');
            $("#page_up").hover(function () {
                $("#href_up").animate({ color: '#000000' }, 0);
            }, function () {
                $("#href_up").animate({ color: up_hrefColor }, 0);
            });

            $("#page_down").hover(function () {
                $("#href_down").animate({ color: '#000000' }, 0);
            }, function () {
                $("#href_down").animate({ color: down_hrefColor }, 0);
            });

            var old_btn_color;
            $('.paper_operate input:submit').hover(function () {
                old_btn_color = $(this).css('background-color');
                $(this).animate({ backgroundColor: '#30A8F4' }, { speed: 1000, queue: false });
            }, function () {
                $(this).animate({ backgroundColor: old_btn_color }, { speed: 1000, queue: false });
            });
        });
    </script>
</head>
<body>
<div id="bigContent">
<div id="head">
    <div id="title">
        <div class="title_left">
            <div class="titleText">Students Online Exam Platform</div>
        </div>
        <div class="title_right">
            <div class="avatar"><img src="../image/noavatar.jpg" alt="../image/noavatar.jpg"/></div>
            <div class="userState">
                <div class="userState_big"><a href="#">noavatar</a></div>
                <div class="userState_small"><a href="#">login</a></div>
            </div>
        </div>
    </div>
    <form id="navi_form" action="/Exam1/servlet/NaviSelectServlet">
	    <div id="navi">
	        <div class="navi_top">
	            <ul class="all_navi">
	            	<li id="navi1" class="each_navi navi1">Examination</li>
	                <li id="navi2" class="each_navi navi2">Prectice Test </li>
	                <li id="navi3" class="each_navi navi3">Free Q&A</li>
	            </ul>
	        </div>
	        <div class="navi_bottom">
	            <ul class="all_terms">
	            	<li class="each_term term1">freshman 1</li>
	                <li class="each_term term2">freshman 2</li>
	                <li class="each_term term3">sophomore 1</li>
	                <li class="each_term term4">sophomore 2</li>
	                <li class="each_term term5">junior 1</li>
	                <li class="each_term term6">junior 2</li>
	            </ul>
	        </div>
	    </div>
       	<input type="hidden" value="" name="test_type" id="test_type"/>
        <input type="hidden" value="" name="term" id="which_term"/>
    </form>
</div>
<div id="content_choose"  class="boxShadow">
    <div id="choose_logo">
        <div class="choose_logo_text">Choose Your Subject And Begin Test</div>
        <div class="choose_logo_img"></div>
    </div>
    <div id="content_left">
        <div id="courses">
            <div id="courses_title">Courses</div>
            <div id="courses_details">
                <ul id="courses_list">
                	<li class="li1"><div class="each_course_text">Principles of Database System</div></li>
                    <li class="li2"><div class="each_course_text">Computer Network</div></li>
                    <li class="li3"><div class="each_course_text">Principles of Computer Composition</div></li>
                    <li class="li4"><div class="each_course_text">Software Engineering</div></li>
                    <li class="li5"><div class="each_course_text">Artificial Intelligence</div></li>
                    <li class="li6"><div class="each_course_text">Digital Image Processing</div></li>
                    <li class="li7"><div class="each_course_text">Linux OS</div></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="content_right">
        <div id="subjects_name">Principles of Database System</div>
        <div id="papers">
            <div id="papers_details">
                <ul id="papers_list">
                	<li id="paper1" class="paper1">
                        <div id="paper1_title" class="paper_title">数据库系统原理测试题A卷</div>
                        <div id="paper1_details" class="paper_details">
                            <div id="paper1_create_time" class="paper_create_time">creation time:2012-11-15</div>
                            <div id="paper1_who_create" class="paper_who_create">creator:user1</div>
                            <div id="paper1_submit_number" class="paper_submit_number">submit number:101</div>
                            <div id="paper1_isSubmit" class="paper_isSubmit">submitted or not:not</div>
                        </div>
                        <div id="paper1_operate" class="paper_operate">
                            <form action="/Exam1/servlet/StartAnswerServlet" class="start_answer_form">
                                <input type="submit" class="btn_begin_answer" value="Let's begin"/>
                                <input type="hidden"/>
                            </form>
                        </div>
                    </li>
                	<li id="Li1" class="paper1">
                        <div id="Div1" class="paper_title">数据库系统原理测试题A卷</div>
                        <div id="Div2" class="paper_details">
                            <div id="Div3" class="paper_create_time">creation time:2012-11-15</div>
                            <div id="Div4" class="paper_who_create">creator:user1</div>
                            <div id="Div5" class="paper_submit_number">submit number:101</div>
                            <div id="Div6" class="paper_isSubmit">submitted or not:not</div>
                        </div>
                        <div id="Div7" class="paper_operate">
                            <form action="/Exam1/servlet/StartAnswerServlet" class="start_answer_form">
                                <input type="submit" class="btn_begin_answer" value="Let's begin"/>
                                <input type="hidden"/>
                            </form>
                        </div>
                    </li>
                    <li id="Li2" class="paper1">
                        <div id="Div8" class="paper_title">数据库系统原理测试题A卷</div>
                        <div id="Div9" class="paper_details">
                            <div id="Div10" class="paper_create_time">creation time:2012-11-15</div>
                            <div id="Div11" class="paper_who_create">creator:user1</div>
                            <div id="Div12" class="paper_submit_number">submit number:101</div>
                            <div id="Div13" class="paper_isSubmit">submitted or not:not</div>
                        </div>
                        <div id="Div14" class="paper_operate">
                            <form action="/Exam1/servlet/StartAnswerServlet" class="start_answer_form">
                                <input type="submit" class="btn_begin_answer" value="Let's begin"/>
                                <input type="hidden"/>
                            </form>
                        </div>
                    </li>
                    <li id="Li3" class="paper1">
                        <div id="Div15" class="paper_title">数据库系统原理测试题A卷</div>
                        <div id="Div16" class="paper_details">
                            <div id="Div17" class="paper_create_time">creation time:2012-11-15</div>
                            <div id="Div18" class="paper_who_create">creator:user1</div>
                            <div id="Div19" class="paper_submit_number">submit number:101</div>
                            <div id="Div20" class="paper_isSubmit">submitted or not:not</div>
                        </div>
                        <div id="Div21" class="paper_operate">
                            <form action="/Exam1/servlet/StartAnswerServlet" class="start_answer_form">
                                <input type="submit" class="btn_begin_answer" value="Let's begin"/>
                                <input type="hidden"/>
                            </form>
                        </div>
                    </li>
                    <li id="Li4" class="paper1">
                        <div id="Div22" class="paper_title">数据库系统原理测试题A卷</div>
                        <div id="Div23" class="paper_details">
                            <div id="Div24" class="paper_create_time">creation time:2012-11-15</div>
                            <div id="Div25" class="paper_who_create">creator:user1</div>
                            <div id="Div26" class="paper_submit_number">submit number:101</div>
                            <div id="Div27" class="paper_isSubmit">submitted or not:not</div>
                        </div>
                        <div id="Div28" class="paper_operate">
                            <form action="/Exam1/servlet/StartAnswerServlet" class="start_answer_form">
                                <input type="submit" class="btn_begin_answer" value="Let's begin"/>
                                <input type="hidden"/>
                            </form>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div id="page_turning">
            <div id="page_up_down">
                <div id="page_up">
                    <div id="page_up_text"><a href="#" id="href_up">previous page</a></div>
                </div>
                <div id="page_down">
                    <div id="page_down_text"><a href="#" id="href_down">next page</a></div>
                </div>              
            </div>
        </div>
    </div>
    <div id="content_bottom"></div>   
</div>
</div>
</body>
</html>
